@charset "utf-8";
/*=================================
CSS Transition - Elastic Navigetion
October 2012
By : Away
http://www.dfuns.idv.tw
http://away.myds.me/wordpress
=================================*/

h1, h2, h3, p, ul, body{ margin:0; padding:0; font-weight:normal;}
body{ letter-spacing:1px; background:url(images/bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif;}
a{ text-decoration:none; outline:0;}
.wrapper{ width:960px; margin:auto;}
header{ height:165px; position:relative;}
.logo{ position:absolute; top:7px;}
.logo a{ background:url(images/logo.jpg); width:165px; height:150px; display:block; text-indent:-9999px;}
nav{ position:absolute; right:0; bottom:-10px; z-index:1;}

.menu{ 
    list-style:none; 
    border-top:solid 3px #DDD;
}
.menu:after{ content:"."; height:0; visibility:hidden; display:block; clear:both;}

.menu li{ float:left;}
.menu a{
    display:block; 
    text-align:center;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}

.menu a:hover{ background-position:0 0; color:#FFF;}

.nav{ width:660px;}
.nav a{
    width:110px; line-height:90px; background:url(images/nav_bg.png) no-repeat 0 -90px; color:#999;
    text-shadow:0 0 3px #CCC;
}
.nav a:hover{ text-shadow:0 0 3px #FFF;}

.banner{ height:445px; position:relative; background:url(images/photo.png) right 0 no-repeat;}
.text{ position:absolute; top:3em; left:0; z-index:1; font-family:Tahoma, Geneva, sans-serif; line-height:1;}
.text h1{ color:#B9AA81; font-size:5em;}
.text h2{ color:#000; font-size:2.5em; text-indent:2em;}
.text h3{ color:#999; font-size:1.5em; margin-top:.5em;}

.gallery{ position:absolute; bottom:-10px; z-index:1;}
.gallery a{ width:160px; padding-top:30px; height:105px; background:url(images/gallery_bg.png) no-repeat 0 -135px; color:#B9AA81; font-size:1.2em; position:relative;}
.gallery span{
    display:block; height:25px; width:25px; background:url(images/icon.png); position:absolute; left:42%; bottom:20%;
    -moz-transition:-moz-transform .3s ease-out;
    -webkit-transition:-webkit-transform .3s ease-out;}
.gallery a:hover span{
    background-position:0 -25px;
    -moz-transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);}

footer{ padding:1em; text-align:center; color:#666;}
